


<!DOCTYPE html>
<html lang="en">

<head>
    
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>对比两列中不同行在线工具-postjson</title>
    <meta name="robots" content="all" />
    <meta name="keywords" content="比较不同,对比两列,不同行,不同数据对比,两行是否相同,两列数据,不同字符" />
    <meta name="description" content="对比比较两个数据中不同的地方,列出两列中不同的行" />
    <link rel="shortcut icon" href="/static/coolaf/img/favicon.ico">
    
    
    <script src="/static/coolaf/js/ie-emulation-modes-warning.js"></script>

    
    
    
    <link rel="stylesheet" href="/static/coolaf/bootstrap/css/bootstrap.min.css">
    <script src="/static/coolaf/js/jquery.min.js"></script>
    <link rel="stylesheet" href="/static/coolaf/css/offcanvas.css">
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

</head>
<script>
        var showToast = function (msg,option) {
        outTime = 3000;
        if (option&&option.outTime) {
            outTime = option.outTime;
        }
        if (!$(".showtoastresult").html()) {
            html = "<div class='showtoastresult' style='min-width: 50px;width: auto;padding: 10px 20px;font-size: 14px;font-weight: bold;background: rgba(7, 17, 27, 0.66);border-radius: 6px;color: rgb(255, 255, 255);top: 50%;z-index: 1000001;transform: translate3d(-50%, -50%, 0px);position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);'></div>";
            $(document.body).append(html);
        }
        $(".showtoastresult").html(msg);    
        $(".showtoastresult").fadeIn("slow").fadeOut(3000);
        return false;
    }
</script>
<style>
    .navbar-brand,.navbar-nav>li>a{
        color:#fdfdfd!important;
    }
    .navbar-nav>li>a:hover{
        color:#ff8839!important;
    }
</style>
<body >
    

	<script>
	$("#black1").click(function(){
		var s = $(this).html();
		if (s=="夜间模式") {
			$('body').css("background-color","black");
			$('body').css("opacity","0.7")
			$('body').css("-moz-opacity","0.7")
			$('body').css("filter","alpha(opacity=50)")
			$(this).html('白天模式');
		}else{
			$('body').css("background-color","");
			$('body').css("opacity","")
			$('body').css("-moz-opacity","")
			$('body').css("filter","")
			$(this).html('夜间模式');
		}
	});
	</script>
    
    <div class="container">

        <div class="row row-offcanvas row-offcanvas-right main-contain">
            
            <div class="col-xs-12 col-sm-9">
                
                
              
<h3>对比两列,找出两列的不同行</h3>
<div>
    <div style='float:left'>
        <textarea class="form-control" style='height:400px' id="leftcols">
postjson
coolaf
websocket
我是post
我是api
我是不同的
</textarea>
    </div>
    <div style='float:left;margin-left:20px'>
        <textarea class="form-control" style='height:400px' id="rightcols">
postjson在线工具
我不是post
coolaf
websocket
我是api
</textarea>
    </div>
</div>
<div style='clear:both;'></div>
<div style='margin:10px 10px 10px 10px'>
<button id='duibichayi' class='btn btn-primary'>对比</button>
<button id='duibiclear' class='btn btn-primary'>清空</button>
</div>
<div style='margin-bottom: 300px'>
<table class='table table-bordered table-striped'>
    <thead>
        <th>左列不在右列的</th>
        <th>右列不在左列的</th>
    </thead>
    <tbody>
        <td id='leftdis'></td>
        <td id='rightdis'></td>
    </tbody>
</table>

</div>
<script>
    $(document).ready(function () {
        $("#duibichayi").click(function(){
            var leftcols = $("#leftcols").val();
            var rightcols = $("#rightcols").val();
            if (leftcols==""||rightcols=='') {
                 alert("左右两列不能为空");
                 return false;
            }
            var al=leftcols.split("\n");
            var ar=rightcols.split("\n");
            var sk = '';
            for (k in al) {
                if (al[k]=="") {
                    continue;
                }
                b = false;
               for(m in ar) {
                  if (al[k]==ar[m]) {
                      b=true;
                  }
               }
               if (!b) {
                   console.log(al[k]);
                 sk+=al[k]+"<br/>"
               }
            }
            $("#leftdis").html(sk);
            var mk = '';
            for (m in ar) {
                if (ar[m]=="") {
                    continue;
                }
                b = false;
               for(k in al) {
                  if (al[k]==ar[m]) {
                      b=true;
                  }
               }
               if (!b) {
                   console.log(ar[m]);
                   mk+=ar[m]+"<br/>"
               }
            }
            $("#rightdis").html(mk);
        });
    $("#duibiclear").click(function(){
        $("#leftcols").val('');
        $("#rightcols").val('');
    });

    });
</script> 
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?2db240112a8dbb4d6a2869381e5fbfed";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>



 </div>
	
    </div>
</div>


  <script src="/static/coolaf/bootstrap/js/bootstrap.min.js"></script>
  <script src="/static/coolaf/js/offcanvas.js"></script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?18f18be6e58f13d87192835c8c15fdca";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
try{
　　top.location.hostname;
　　if (top.location.hostname != window.location.hostname) {
　　　　top.location.href =window.location.href;
　　}
}
catch(e){
　　top.location.href = window.location.href;
}
</script>
<script>
$.ajax({
	  url:"/side",
	  type:"GET",
	  dataType:"jsonp",
	  success:function(data){
		
		$(".sideclass").each(function(){
			
		});
	  }
     });
</script>
<a href='/m'>m</a>

<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';        
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
<script>
$(document).ready(function () {
		$("#newpayup").click(function () {
			$("#payup").show();
		});
		$("#payup").click(function () {
			$(this).hide();
		});
});
</script>
<style>
		.payup {
			display: none;
			position: fixed;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.6);
			z-index: 6666
		}

		.postpay {
			position: relative;
			float: right;
		}

		.postpay button {
			color: yellow;
			width: 68px;
			height: 50px;
			word-wrap: break-word;
			background-color: hsl(340, 100%, 75%);
			box-shadow: inset rgba(255, 254, 255, 0.6) 0 0.3em .3em, inset rgba(0, 0, 0, 0.15) 0 -0.1em .3em, hsl(340, 70%, 50%) 0 .1em 3px, hsl(340, 80%, 40%) 0 .3em 1px, rgba(0, 0, 0, 0.2) 0 .5em 5px;
			border: none;
			padding-right: 1.2em;
			padding-left: 0.8em;
			border-radius: 3em 1em / 5em 1em;
		}

		.payupimg {
			width: 680px;
			height: 390px;
			margin: 0 auto;
			position: relative;
			top: 256px;
			z-index: 9999;
			background: white;
		}

		.payup img {
			float: left;
			width: 280px;
			height: 280px;
			margin:30px 30px 30px 30px;
		}

		.imgtext {
			width: 330px;
			display: inline-block;
			text-align: center;
			font-size: 20px;
			font-weight: blod;
		}
	</style>
	<div class='payup' id='payup'>
		<span></span>
		<div class='payupimg'>
			<img src="/static/coolaf/img/zfb.png" >
			<img src="/static/coolaf/img/wx.png" >
			<div>
				<span class='imgtext'>支付宝</span>
				<span class='imgtext'>微信</span>
			</div>
		</div>
	</div>
</body>
</html>
